<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>企管家</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css" />
    <style>
        #aui-header {
            padding-top: 1rem;
        }

        body {
            width: 100%;
            height: 100%;
            background: #fff url('../../image/login_bg.png');
            background-size: cover;
        }

        .login-contaier {
            width: 85%;
            margin: 0 auto;
            margin-top: 20px;
            -moz-box-shadow: 0px 1px 10px #b1b1b1;
            -webkit-box-shadow: 0px 1px 10px #b1b1b1;
            box-shadow: 0px 1px 10px #b1b1b1;
            border-radius: 20px;
            background: #fff;
            padding-top: 20px;
        }

        ul li {
            background-color: transparent !important;
            width: 90% !important;
            margin: 0 auto !important;
            height: 56px !important;
        }

        .aui-btn-block {
            border-radius: 50px;
            width: 90%;
            margin: 0 auto;
            background: #3cb0bc !important;
        }

        .aui-list:before {
            height: 0;
        }

        select:first-child {
            color: #9e9c9c !important;
        }
        /*修改提示文字的颜色*/
        input::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #9e9c9c;
        }
        input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #9e9c9c;
        }
        input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #9e9c9c;
        }
        input:-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #9e9c9c;
        }
    </style>
</head>

<body style="">
    <section class="aui-content aui-margin-t-15" style="padding-top: 40px;">
        <div class="logo_img" class="" style="width:60%;margin:0 auto;">
            <img src="../../image/logo_name.png" alt="" style="width:100%;">
        </div>
        <div class="aui-content login-contaier">
            <ul class="aui-list aui-form-list aui-padded-10" style="width:100%;">
                <li class="aui-list-item" style="">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label-icon">
                            <i class="iconfont icon-yonghuming1" style='color:#3cb0bc;'></i>
                        </div>
                        <div class="aui-list-item-input">
                            <input type="number" placeholder="手机号" name="username" id="user-name" value="">
                        </div>
                    </div>
                </li>
                <li class="aui-list-item" id="picker1">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label-icon">
                            <i class="iconfont icon-iconfontzhizuobiaozhun023101" style='color:#3cb0bc;'></i>
                        </div>
                        <div class="aui-list-item-input aui-list-item-arrow" style="margin-left:0 !important;padding-left:0 !important;">
                            <div id="company-name">请选择公司名称</div>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label-icon">
                            <i class="iconfont icon-lock" style='color:#3cb0bc;'></i>
                        </div>
                        <div class="aui-list-item-input">
                            <input type="password" placeholder="密码" id="password" value="">
                        </div>
                    </div>
                </li>
            </ul>
            <section class="aui-content-padded" style="padding:10px 0 50px 0;">
                <div class="aui-btn aui-btn-block aui-btn-info" tapmode id="login">登录</div>
                <div class="forget_password" id="forget_password" style="float:right;margin:15px 15px ;color:#3cb0bc;">忘记密码?</div>
            </section>
        </div>
    </section>
</body>
<script type="text/javascript" src="../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../script/aui/api.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/extend/picker.min.js"></script>
<script type="text/javascript" src="../../service/login/login.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
        new login();
    };
</script>

</html>
